как растянуть фон для background ?

[Нusuf]

здравствуйте.

мне нужно, чтобы картинка заполнила body от границ до границ, но не повторялась (no-repit).

Есть какой-то способ, чтобы она вела себя , как резиновая?

пусть искажается с изменением размера body , это ничего.

главное, чтобы она всё время заполняла его до границ. (у меня на картинке небо ..с облаками))

подскажите, пожалуйста.

спасибо

[Modestes]

	body{
	width:100%;
	height:100%;
	background: url(name.png) no-repeat; 
        background-size: cover;
	}

background-size: cover; масштабирует фон

только учти еще вот это

Safari до версии 4.1 и Chrome до версии 3.0 используют нестандартное свойство -webkit-background-size.

Opera до версии 10.53 использует нестандартное свойство -o-background-size.

Firefox до версии 4.0 использует нестандартное свойство -moz-background-size.

Edited May 24, 2012 by Modestes

[Avalon4eg]

http://htmlbook.ru/css/background-size

[Нusuf]

спасибо огромное!

ребята, подскажите ещё, пожалуйста, как как изменить настройки чтобы заставить Firebug отображать сжатые свойства ?

вот, по следам этой статьи: http://blog.nerevar.ru/2011/11/firebug.html

как найти это место в Firebug , чтобы изменить настройки? только не отсылайте меня, пожалуйста, к англоязычным инструкциям.

спасибо

[Modestes]

спасибо огромное!

ребята, подскажите ещё, пожалуйста, как как изменить настройки чтобы заставить Firebug отображать сжатые свойства ?

вот, по следам этой статьи: http://blog.nerevar.ru/2011/11/firebug.html

как найти это место в Firebug , чтобы изменить настройки? только не отсылайте меня, пожалуйста, к англоязычным инструкциям.

спасибо

Зачем? и так удобно ведь. Но раз уж спросил...

1. Открываешь лису

2. В адресной строке вводишь about:config

3. В списке конфигураций ищешь вот эту строчку

(чтобы легче было искать, скопируй строчку в тамошний поиск)

extensions.firebug.expandShorthandProps со значением true

жмешь два раза и меняется на false

Довольно потирая руки продолжаешь кодить

[Нusuf]

1. Открываешь лису

а где это? в смысле я не знаю, что такое лиса.

Modestes, спасибо за ответ.

[Modestes]

а где это? в смысле я не знаю, что такое лиса.

Mozilla Firefox

[Нusuf]

Modestes, спасибо большое)